import {Card } from "antd";
export interface AdvantagesInfo{
    theme:string
    iconClass:string,
    title:string,
    description:string
}
export default function Advantages({data}:{data:AdvantagesInfo[]}) {
    return (
        <div id="part-1" className="w-full flex flex-col justify-center items-center py-[100px]">
            <p className="text-[25px]">方案优势</p>
            <div className="w-[1100px] flex gap-8 flex-wrap mt-10">
                {data.map((item,index)=>{
                    return (
                        <Card
                            className="hover:shadow-lg transition duration-500 ease-in-out flex items-center"
                            key={index}
                            style={{ width: 530,height:160 }}
                        >
                            <div className="flex items-center">
                                <i className={"iconfont mr-5 text-[#f8d435] "+item.iconClass} style={{ fontSize: '70px' }}></i>
                                <Card.Meta title={item.title} description={item.description} />
                            </div>
                        </Card>
                    )
                })}
            </div>
        </div>
    )  
}